<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文件上传页面</title>
    <link rel="stylesheet" href="styles/index.css">
</head>

<body>
    <div class="container">
        <h1>文件上传页面</h1>

        <div class="upload-section" id="uploadSection">
            <p>拖拽文件到此处或点击选择文件</p>
            <input type="file" id="fileInput" multiple>
            <button class="upload-btn" onclick="document.getElementById('fileInput').click()">选择文件</button>
        </div>

        <div id="status"></div>
        <div id="progress" class="progress" style="display: none;">
            <div class="progress-bar" id="progressBar"></div>
            <div id="progressText" style="text-align: center; margin-top: 5px; font-size: 12px; color: #666;"></div>
        </div>

        <div class="file-list" id="fileList">
            <h3>服务器文件列表</h3>
            <div id="files"></div>
        </div>
    </div>

    <script src="scripts/index.js"></script>
</body>

</html>